<template>
  <div class="wrapper">
    <div class="inner" v-html="html"></div>
    <div class="btn" @click="goBack">返回</div>
  </div>
</template>

<script>
export default {
  name: "paySuccess",
  data () {
    return {
      html:'<p>用户须知</p>'
    };
  },
  created () {

  },
  mounted () {
    this.id = this.$route.params.id;
    this.getData()
  },
  methods: {
    goBack(){
      this.$router.go(-1)
    },
    getData(){
      this.$api.getInfo({
        id:this.id
      }).then(res=>{
        this.infos = res.data.infos;
      })
    }
  }
};
</script>

<style scoped>
.wrapper {
  min-height:100vh;
  background: #fff;
}
.inner{
  padding:10px;
}
.btn{
  font-size:14px;
  border:1px solid #ccc;
  color:#000;
  width:140px;
  height:35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  margin:0 auto 20px;
}
</style>
